<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Realizza il tuo Sogno</title>
	<link rel="stylesheet" type="text/css" href="../styles/style.css" />
</h:head>
<h:body>
<div id="container">
<div id="box">

<header class="banner">
<span id="titoloPagina"> Inizia a sognare </span>
</header>

<div id="externalborderChoose">
<p:spacer height="40px" />

	<h:form id="extb">
			
		<div id="ricercaSogno">
			
			<h:panelGrid columns="3" id="packGridSogno">
						
				<p:outputLabel value="Destinazione: " />  
		        <p:selectOneMenu  value="#{creaViaggio.citta}">
		        	 <f:selectItems value="#{creaViaggio.listaCitta}" />  
		        </p:selectOneMenu>
		        <br/>
				
				<p:outputLabel for="numero" value="Sognatori: " />	
		 		<p:selectOneMenu id="numero" value="#{creaViaggio.numeroPersone}">
            		<f:selectItem itemLabel="1" itemValue="1" />
            		<f:selectItem itemLabel="2" itemValue="2" />  
            		<f:selectItem itemLabel="3" itemValue="3" />
            		<f:selectItem itemLabel="4" itemValue="4" />
        		</p:selectOneMenu> 

			</h:panelGrid>
		
		</div>
	    <p:spacer height="40px"/>

	    <div id="sognoButton">
		<h:commandLink id="registerlink" action="#{creaViaggio.getAllPacchetti()}" update="packGridSogno">
		
<div class="button" id="register">
Ricerca il Sogno
</div>
</h:commandLink>
</div>
	    
	    
	    
		</h:form>
</div>
</div>  		
<div id="push">
</div>
</div>

<div id="footer">
<h:button id="homepage" value="Homepage" outcome="index.xhtml"></h:button>	
</div>
  
</h:body>
    
</html>